<template>
  <div :class="className" :style="{height:height,width:width}">
    <a-descriptions
      bordered
      :column="{ xl: 2, lg: 1, sm: 1 }"
    >
      <a-descriptions-item label="国家队队医">
        {{ injurydata.Nation_doctorname }}
      </a-descriptions-item>
      <a-descriptions-item label="俱乐部队医">
        {{ injurydata.Club_doctorname }}
      </a-descriptions-item>
      <a-descriptions-item label="伤病类型">
        {{ injurydata.Injury_typeid }}
      </a-descriptions-item>
      <a-descriptions-item label="损伤情景">
        {{ injurydata.Injury_scene }}
      </a-descriptions-item>
      <a-descriptions-item label="受伤日期">
        {{ injurydata.Injury_time| parseTime("{y}-{m}-{d}") }}
      </a-descriptions-item>
      <a-descriptions-item label="回复日期">
        {{ injurydata.Cure_time| parseTime("{y}-{m}-{d}") }}
      </a-descriptions-item>
      <a-descriptions-item label="治疗方法">
        {{ injurydata.Injury_method }}
      </a-descriptions-item>
    </a-descriptions>
  </div>
</template>
<script>
export default {
  props: {
    className: {
      type: String,
      default: 'text'
    },
    width: {
      type: String,
      default: '100%'
    },
    height: {
      type: String,
      default: '100%'
    },
    injurydata: {
      type: Object,
      required: true
    }

  },
  data() {
    return {
    }
  }
}
</script>
